<!doctype html>
<html lang="en" class="fullHeight">
<head>
	<meta charset="UTF-8">
	<title>demo</title>
	<link rel="stylesheet" type="text/css" href="sidebar.css">
</head>
<body class="fullHeight">
	<div class='sidebar fullHeight'>sidebar</div>
	<div class="controller">
		<div>
			<button onclick="fadeIn()">淡进</button>
			<button onclick="fadeOut()">淡出</button>
		</div>
		<div>
			<button onclick="fadeInUp()">向上淡进</button>
			<button onclick="fadeOutLeft()">向左淡出</button>
		</div>
	</div>
	<script src="sidebarEffects.js"></script>
</body>
</html>